<!doctype html>
<html>
<head>
    <meta charset="utf-8">

    <title>Test</title>
    <link rel="stylesheet" href="jqm/jquery.mobile-1.0a4.1.min.css">
    <script src="jquery-1.5.2.min.js"></script>
    <script src="jqm/jquery.mobile-1.0a4.1.min.js"></script>
    
</head>
<body>
    <div data-role="page" id="top" data-theme="a">
        <header>
        <h1>hoge</h1>
        <p>hogehoge</p>
        </header>
        <div data-role="content"> 

            <ul data-role="listview" data-inset="true" data-theme="a" data-dividertheme="b"> 
                <li data-role="list-divider">Overview</li> 
                <li><a href="#next">Intro to jQuery Mobile</a></li> 
            </ul> 

        </div>
    </div>
    <div data-role="page" id="next" data-theme="a">
        <div data-role="header">
        <h1>こんにちは</h1>
        <a href="" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right">Home</a>
        </div>
        <div data-role="content"> 

            <ul data-role="listview" data-inset="true" data-theme="a" data-dividertheme="b"> 
                <li data-role="list-divider">Overview</li> 
                <li class=dora contenteditable=true>こんにちは、ぼくドラえもんです</li> 
            </ul> 

        </div>
        <p></p>
    </div>
    <script>
        window.onhashchange=function(){
            if(location.hash == "#next")
                $("#next .dora").html("jsjsjs");
        }
    </script>
</body>
</html>
